<template>
  <div id="main" ref="main">
  </div>
</template>
<script>
export default {
  name: 'Yuan',
  data () {
    return {}
  },
  components: {},
  mounted () {
    this.reviewEcharts()
  },
  methods: {
    reviewEcharts  () {
      const echarts = require('echarts')
      const myChart = echarts.init(this.$refs.main)
      const option = {
        // tooltip: {
        //   trigger: 'item',
        //   formatter: '{a} <br/>{b}: {c} ({d}%)'
        // },
        legend: {
          // orient: 'vertical',
          // left: 4,
          data: []
        },
        series: [{
          name: '',
          type: 'pie',
          radius: ['50%', '80%'],
          avoidLabelOverlap: false,
          label: {
            normal: {
              show: false,
              position: 'center'
            },
            emphasis: {
              // textStyle: {
              //   fontSize: '30',
              //   fontWeight: 'bold'
              // }
            }
          },
          labelLine: {
            normal: {
              show: false
            }
          },
          data: [{
            value: 235,
            name: ''
          },
          {
            value: 310,
            name: ''
          }
          ]
        }]
      }
      myChart.setOption(option)
    }
  }
}
</script>
<style lang="scss">
  #main {
  width: 60px;
  height: 60px;
}
</style>
